<template>
    <div class="queryinput" style="white-space:nowrap; overflow:hidden">
          <el-form inline label-width="80px" style="margin-bottom:20px">
            <el-row :gutter="10" style="min-width: 1266px;">
              <el-col :span="5">
                <el-form-item label="进度">
                  <el-select v-model="q" placeholder="请选择店铺">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="付款状态">
                  <el-select v-model="q" placeholder="请选择店铺">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="10">
                <el-form-item label="发起">
                  <el-col :span="11">
                    <el-time-select
                      placeholder="起始时间"
                      v-model="startTime"
                      :picker-options="{
                        start: '08:30',
                        step: '00:15',
                        end: '18:30',
                      }"
                    >
                    </el-time-select>
                  </el-col>
                  <el-col  style="text-align: center;" :span="2">-</el-col>
                  <el-col :span="11">
                    <el-time-select
                      placeholder="结束时间"
                      v-model="endTime"
                      :picker-options="{
                        start: '08:30',
                        step: '00:15',
                        end: '18:30',
                        minTime: startTime,
                      }"
                    >
                    </el-time-select>
                  </el-col>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-button type="primary" style="float:right; margin-right:20px">查询</el-button>
              </el-col>
            </el-row>
          </el-form>
        </div>
</template>

<script>
export default {
components: {},
data() {
return {

};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {

},
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

},
}
</script>
<style lang='css' scoped>

</style>